/* 表单设置 */
import {reactive} from "vue";
import useDepartStore from "@/store/departModule";

export const useDepartList = async () => {
  const departStore = useDepartStore()
  await departStore.requestDepartListAction()
  return departStore.departList
}

export const formState = reactive<any>({
  "name": "",
  "password": "",
  "age": 0,
  "gender": 1,
  "salary": 0,
  "create_time": "2020-05-05 09:00:52",
  "depart_id": ""
});

export const rulesConfig = {
  "name": [{
    required: true, message: '请输入姓名'
  }],
  "password": [{
    required: true, message: '请输入密码'
  }],
  "age": [{
    required: true, message: '请输入年龄'
  }],
  "gender": [{
    required: true, message: '请选择性别'
  }],
  "salary": [{
    required: true, message: '请输入薪资'
  }],
  "create_time": [{
    required: true, message: '请选择入职时间'
  }],
  "depart_id": [{
    required: true, message: '请输入部门id'
  }],
}
// export const formConfig = [
//   {
//     label: "姓名",
//     name: "name",
//     placeholder: "请输入姓名",
//     types.ts: "text",
//     rules: [{
//       required: true, message: '请输入姓名'
//     }],
//     modelValue: formState.name
//   },
//   {
//     label: "年龄",
//     name: "age",
//     placeholder: "请输入年龄",
//     types.ts: "text",
//     rules: [{
//       required: true, message: '请输入年龄'
//     }],
//     modelValue: formState.age
//   },
//   {
//     label: "性别",
//     name: "gender",
//     placeholder: "请选择性别",
//     types.ts: "select",
//     modelValue: formState.gender,
//     rules: [{
//       required: true, message: '请选择性别'
//     }],
//     selectOptions: [
//       {
//         value: 1,
//         title: "男"
//       },
//       {
//         value: 2,
//         title: "女"
//       }
//     ]
//   },
//   {
//     label: "薪资",
//     name: "salary",
//     placeholder: "请输入薪资",
//     types.ts: "text",
//     rules: [{
//       required: true, message: '请输入薪资'
//     }],
//     modelValue: formState.salary
//   },
//   {
//     label: "入职时间",
//     name: "create_time",
//     placeholder: "请选择入职时间",
//     types.ts: "datePicker",
//     rules: [{
//       required: true, message: '请选择入职时间'
//     }],
//     modelValue: formState.create_time,
//     datePickerConfig: {
//       showTime: true,
//       valueFormat: "YYYY-MM-DD HH:mm:ss",
//       placeholder: "请选择入职时间",
//       disabledDate: (current: Dayjs) => {
//         /* 限制可选时间（当前时间往后推30天） */
//         return current && current > dayjs().add(30, 'day').endOf("day");
//       }
//     }
//   },
//   {
//     label: "部门id",
//     name: "depart_id",
//     placeholder: "请输入部门id",
//     types.ts: "text",
//     rules: [{
//       required: true, message: '请输入部门id'
//     }],
//     modelValue: formState.depart_id
//   }
// ]
